import * as echarts from "echarts";

export function OptionFun(echartData: any) {
    // 组合渲染数据
    // let seriesData: any = [];
    // echartData.data.forEach((item: any, index: any) => {
    //     seriesData.push(
    //         {
    //             name: item.name,
    //             type: 'line',
    //             itemStyle: {
    //                 borderRadius: [4, 24, 0, 0],
    //                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
    //                     { offset: 0, color: 'rgba(' + echartData.colorList[index] + ', 1)' },
    //                     { offset: 1, color: 'rgba(' + echartData.colorList[index] + ', 0.1)' }
    //                 ])
    //             },
    //             barWidth: 10,
    //             data: item.data
    //         }
    //     )
    // })
    const option = {
        tooltip: {
            trigger: 'item'
        },
        legend: {
            top: '5%',
            left: 'center',
            textStyle: {
                color: '#fff'
            }
        },
        series: [
            {
                type: 'pie',
                radius: ['40%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    // show: false,
                    // position: 'center'
                    color: '#fff',
                    textBorderColor: '#fff'
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: 40,
                        fontWeight: 'bold'
                    }
                },
                labelLine: {
                    show: false
                },
                data: echartData.data,
                itemStyle: {
                    normal: {
                        color: function (params: any) {
                            // 使用 colorList 中的颜色
                            var index = params.dataIndex % echartData.colorList.length;
                            return 'rgb(' + echartData.colorList[index] + ')';
                        }
                    }
                }
            }
        ]
    };
    return option;
}
